import React from 'react';

export const MenuIcon = () => (
  <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g id="系统" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="切图" transform="translate(-302.000000, -15.000000)">
        <g id="apps-24px" transform="translate(302.000000, 15.000000)">
          <rect id="Rectangle" fillOpacity="0.54" fill="#000000" fillRule="nonzero" opacity="0" x="0" y="0" width="24" height="24" />
          <mask id="mask-2" fill="white">
            <use xlinkHref="#path-1" />
          </mask>
          <path fill="#99ACC5" d="M4,8 L8,8 L8,4 L4,4 L4,8 Z M10,20 L14,20 L14,16 L10,16 L10,20 Z M4,20 L8,20 L8,16 L4,16 L4,20 Z M4,14 L8,14 L8,10 L4,10 L4,14 Z M10,14 L14,14 L14,10 L10,10 L10,14 Z M16,4 L16,8 L20,8 L20,4 L16,4 Z M10,8 L14,8 L14,4 L10,4 L10,8 Z M16,14 L20,14 L20,10 L16,10 L16,14 Z M16,20 L20,20 L20,16 L16,16 L16,20 Z" id="path-1" />
        </g>
      </g>
    </g>
  </svg>
);

export default MenuIcon;
